<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>数据交换系统管理-用户管理</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/sb-admin.css" rel="stylesheet">
    <link href="css/bootstrapValidator.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <style>
        #iframe-div{
            width: 100%;
            height: 100%;
            overflow-y: hidden;
            overflow-x: hidden;
        }
        #iframe{
            border: none;
            width: 99%;
            height: 99%;
        }
    </style>
    <style>
        #top{
            width: 100%;
            background: url("img/banner.jpg") no-repeat 100% 100%;
        }
        .logo{
            width: 440px;
            border: none;
            background: url("img/logo-.png") no-repeat 100% 100%;
        }
    </style>
</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header" id="top">
                <div class="logo"></div>
                <a class="navbar-brand" href="index.html"></a>

            <!-- Top Menu Items -->
                <ul class="nav navbar-right top-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color: #fff"><i class="fa fa-user"></i><b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li id="logout">
                            <a href="#"><i class="fa fa-fw fa-power-off"></i>退 出</a>
                        </li>
                    </ul>
                </li>
            </ul>
            </div>
            <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav">
                    <li id="frk">
                        <a class="main-a" href="javascript:;" data-toggle="collapse" data-target="#demo1"><i class="fa fa-fw fa-arrows-v"></i>法人库信息<i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo1" class="collapse">
                            <li>
                                <a href="fr/pushDataToMlk.html">推送数据到名录库</a>
                            </li>
                            <li>
                                <a href="fr/dataComparse.html">数据比对</a>
                            </li>
                            <li>
                                <a href="fr/fileCabinets.html">导出数据到文件柜</a>
                            </li>
                            <li>
                                <a href="fr/viewLog.html">查看日志</a>
                            </li>
                        </ul>
                    </li>
                    <li id="mlk">
                        <a class="main-a" href="javascript:;" data-toggle="collapse" data-target="#demo2"><i class="fa fa-fw fa-arrows-v"></i>名录库信息<i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo2" class="collapse">
                            <li>
                                <a href="ml/pushDataToFrk.html">推送数据到法人库</a>
                            </li>
                            <li>
                                <a href="ml/fillAndImportExcel.html">在线填报和导入Excel</a>
                            </li>
                            <li>
                                <a href="ml/viewPushLog.html">查看推送日志</a>
                            </li>
                        </ul>
                    </li>
                    <li id="manager" class="active">
                        <a class="main-a" href="userManagement.html"><i class="fa fa-fw fa-dashboard"></i>用户管理</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </nav>

        <div id="page-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">
                            用户管理
                        </h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="col-md-6">
                            <ul class="nav">
                                <a href="#" class="btn btn-default checkAll">全选/反选</a>
                                <div class="btn-group">
                                    <button id="add-user-btn"  type="button" class="btn btn-default" data-toggle="modal" data-target="#addUserModal">
                                        <span class="glyphicon glyphicon-plus"></span>添加
                                    </button>
                                    <button id="modify-user-btn" type="button" class="btn btn-default" data-toggle="modal" data-target="#editorUserModal">
                                        <span class="glyphicon glyphicon-pencil"></span>修改
                                    </button>
                                    <button id="del-user-btn" type="button" class="btn btn-danger">
                                        <span class="glyphicon glyphicon-minus"></span>删除
                                    </button>
                                </div>
                                <!--<a href="#" id="set-role-btn" class="btn btn-default" title="设置用户角色权限">角色设置</a>-->
                                <a href="#" id="modifyPassword" class="btn btn-default"  data-toggle="modal" data-target="#modifyPswModal" title="修改用户密码">修改密码</a>
                            </ul>

                            <!-- 修改用户-模态框（Modal） -->
                            <div class="modal fade" id="editorUserModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h3 class="modal-title" id="myModalLabel">修改用户</h3>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal" role="form" id="editorForm">
                                                <input class="form-control" id="userid" name="userid" type="hidden" value="">
                                                <div class="form-group">
                                                    <label for="userName" class="col-sm-3 control-label">登录名</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="userName" name="userName" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="userCaption" class="col-sm-3 control-label">姓名</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="userCaption" name="userCaption" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="userRegion" class="col-sm-3 control-label">所属行政区划</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="userRegion" name="userRegion" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="userPartment" class="col-sm-3 control-label">所在部门</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="userPartment" name="userPartment" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="email" class="col-sm-3 control-label">Email地址</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="email" name="email" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="phone" class="col-sm-3 control-label">联系电话</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="phone" name="phone" type="tel" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="memo" class="col-sm-3 control-label">备注</label>
                                                    <div class="col-sm-8">
                                                        <textarea class="form-control" id="memo" name="memo"></textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="status" class="col-sm-3 control-label">状态</label>
                                                    <div class="col-sm-8">
                                                        <select id="status" name="status" class="form-control">
                                                            <option value="1">可用</option>
                                                            <option value="0">不可用</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="sys_role" class="col-sm-3 control-label">角色</label>
                                                    <div class="col-sm-8">
                                                        <select id="sys_role" name="sys_role" class="form-control">
                                                            <option value="3">法人库角色</option>
                                                            <option value="2">名录库角色</option>
                                                            <option value="1">管理员角色</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                                            <button type="button" class="btn btn-primary dropColor" id="editor">确定</button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal -->
                            </div>
                            <!-- 修改密码-模态框（Modal） -->
                            <div class="modal fade" id="modifyPswModal" tabindex="-1" role="dialog" aria-labelledby="modifyPswModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h3 class="modal-title" id="modifyPswModalLabel">修改密码</h3>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal" role="form" id="modifyPswForm">
                                                <input class="form-control" id="mUserid" name="userid" type="hidden" value="">
                                                <div class="form-group">
                                                    <label for="mUuserName" class="col-sm-3 control-label">用户</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="mUuserName" name="userName" type="text" value="" readonly>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="mPassword" class="col-sm-3 control-label">新密码</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="mPassword" type="password" name="password" placeholder="请输入新密码">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="rePassword" class="col-sm-3 control-label">再次输入新密码</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="rePassword" type="password" name="confirmPassword" placeholder="请再次输入密码">
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                                            <button type="button" class="btn btn-primary dropColor" id="modifyPsw">确定</button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal -->
                            </div>
                            <!-- 新增用户-模态框（Modal）-->
                            <div class="modal fade" id="addUserModal" tabindex="-1" role="dialog" aria-labelledby="myAddModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h3 class="modal-title" id="myAddModalLabel">添加用户</h3>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal" role="form" id="addForm">
                                                <input class="form-control" id="aUserid" name="userid" type="hidden" value="">
                                                <div class="form-group">
                                                    <label for="aUserName" class="col-sm-3 control-label">登录名</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="aUserName" name="userName" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aUserCaption" class="col-sm-3 control-label">姓名</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="aUserCaption" name="userCaption" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aUserRegion" class="col-sm-3 control-label">所属行政区划</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="aUserRegion" name="userRegion" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aUserPartment" class="col-sm-3 control-label">所在部门</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="aUserPartment" name="userPartment" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aEmail" class="col-sm-3 control-label">Email地址</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="aEmail" name="email" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aPhone" class="col-sm-3 control-label">联系电话</label>
                                                    <div class="col-sm-8">
                                                        <input class="form-control" id="aPhone" name="phone" type="tel" value="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aMemo" class="col-sm-3 control-label">备注</label>
                                                    <div class="col-sm-8">
                                                        <textarea class="form-control" id="aMemo" name="memo"></textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aStatus" class="col-sm-3 control-label">状态</label>
                                                    <div class="col-sm-8">
                                                        <select id="aStatus" name="status" class="form-control">
                                                            <option value="1">可用</option>
                                                            <option value="0">不可用</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="aSys_role" class="col-sm-3 control-label">角色</label>
                                                    <div class="col-sm-8">
                                                        <select id="aSys_role" name="sys_role" class="form-control">
                                                            <option value="3">法人库角色</option>
                                                            <option value="2">名录库角色</option>
                                                            <option value="1">管理员角色</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                                            <button type="button" class="btn btn-primary dropColor" id="add">确定</button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal -->
                            </div>
                        </div>
                        <div class="col-md-4">
                            <ul class="nav">
                                <form class="form-horizontal" role="form">
                                    <div class="form-group">
                                        <label for="searchUser" class="col-sm-3 control-label no-padding-right">查询用户:</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" id="searchUserData" type="text" value="">
                                        </div>
                                    </div>
                                </form>
                            </ul>
                        </div>
                        <div class="col-md-1">
                            <ul class="nav">
                                <li class="dropdown">
                                    <button type="button" id="searchUser" class="btn btn-primary dropColor">查&nbsp;询</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel panel-default margin-bottom-0 body-background">
                            <div class="table-responsive background-white">
                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th>选中</th>
                                        <th>登录名</th>
                                        <th>所属行政区划</th>
                                        <th>所在部门</th>
                                        <th>Email地址</th>
                                        <th>联系电话</th>
                                        <th>状态</th>
                                        <th>角色</th>
                                        <th>备注</th>
                                    </tr>
                                    </thead>
                                    <tbody id="userData">



                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div id="users-paging" class="paging"></div>
                    </div>
                </div>
            </div>
            <!-- /.container-fluid --
            >

        </div>
        <!-- /.container-fluid -->
        <footer class="footer col-lg-11 ">
            <br>
            <ul class="list-inline text-center">
                <li><a href="http://www.supermap.com/cn/" target="_blank">技术支持：</a></li><li id="info">北京超图股份有限公司@SuperMap</li>
            </ul>
        </footer>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap.min.js"></script>
    <script src="lib/page/SGIS.Base.js"></script>
    <script src="lib/jquery/jquery.pageInfo.js"></script>
    <script src="lib/jquery/jquery.paging.js"></script>
    <script src="js/userManagement.js"></script>
    <script src="js/bootstrapValidator.min.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="js/index.js"></script>
    <script>
        $("body").ready($("#info").html(getInfo()));
        function getInfo() {
            var date = new Date();
            return "©1997-"+date.getFullYear()+" 北京超图软件股份有限公司 京ICP备11032883号-1";
        }
    </script>
</body>

</html>
